<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动bug问题</title>
	</head>
	<link rel="stylesheet" href="css/浮动bug.css" />
	<body>
		<!-- 浮动 元素一旦浮动起来 ，页面由元素之间嵌套形成的
		 float属性一定会浮动bug，主要由两个
		 1.浮动塌陷:具备元素嵌套，父元素没有指定宽高，子元素浮动
					塌陷解决方案1：找到塌陷父元素，指定高度
					塌陷结局方案2：加溢出，子浮动元素算溢出 
		 2.浮动卡动：父级元素宽度不够
				解决方案：1.找到父级元素，看下去加宽【横向显示】，价高【纵向】
						 2.找到异常元素，清除浮动，解决卡住问题
		 -->
		 <div id="father">
		 	<div class="d1">d1</div>
		 	<div class="d2">d2</div>
		 	<div class="d3">d3</div>
		 	<div class="d4">d4</div>
		 	<div class="d5">d5</div>
		 </div>
	</body>
</html>